window.addEventListener('pageshow', function() {
    // 表格
    var table = document.querySelector('.table');
    // 账号
    var uid = document.querySelector('.uid');
    // 第一次输入密码
    var u_password = document.querySelector('.u_password');
    // 确认密码
    var u_sure_password = document.querySelector('.u_sure_password');
    // 姓名
    var uname = document.querySelector('.uname');
    // 手机
    var uphone = document.querySelector('.uphone');
    // 弹窗
    var span = document.querySelector('.popup span');
    var popup = span.parentElement;
    // 确认窗口
    var sure_popup = document.querySelector('.sure_popup');
    // 取消键
    var no = document.querySelector('.no');
    // 确认键
    var yes = document.querySelector('.yes');
    //console.log(table);


    var a = null;
    var b = null;
    var newcom = ''; // 弹窗内的提示内容
    u_password.addEventListener('keyup', function() {
        a = u_password.value; // 第一次输入密码的值
    })
    u_sure_password.addEventListener('keyup', function() {
        b = u_sure_password.value; // 第二次输入密码的值
    })

    //改变弹窗内容
    function showPopup(newcom) {
        clearTimeout(timer);
        popup.style.display = 'block';
        span.innerHTML = newcom;
        var timer = setTimeout(() => {
            popup.style.display = 'none';
        }, 2500);
    };


    // 获取'注册'按钮
    var btn = document.querySelector('.btn');
    // 按下按钮
    btn.addEventListener('click', function() {
        if (uid.value === "") {
            // 判断账号是否输入
            //console.log(1);
            newcom = '您没有填写' + '"' + '账号' + '"' + '栏' + '<br/>请重新输入';
            showPopup(newcom);
        } else if (u_password.value === "") {
            // 判断'输入密码'是否输入
            //console.log(2);
            newcom = '您没有填写<br/>' + '"' + '输入密码' + '"' + '栏' + '<br/>请重新输入';
            showPopup(newcom);
        } else if (a.length < 6) {
            //判断输入密码是否安全
            //console.log(3);
            newcom = '您输入的密码不够安全<br/>请输入六位数以上的数字或字母';
            showPopup(newcom);
        } else if (u_sure_password.value === "") {
            //判断'确认密码'是否填写
            //console.log(4);
            newcom = '您没有填写<br/>' + '"' + '输入密码' + '"' + '栏' + '<br/>请重新输入';
            showPopup(newcom);
        } else if (a != b) {
            //console.log(5);
            //判断两次输入密码的值是否相同
            newcom = '两次输入的密码不同<br/>请重新输入';
            showPopup(newcom);
        } else if (uname.value === "") {
            //console.log(6);
            //判断是否输入名字
            newcom = '您没有填写' + '"' + '姓名' + '"' + '栏' + '<br/>请重新输入';
            showPopup(newcom);
        } else if (uphone.value === "") {
            //console.log(7);
            //判断是否输入手机号码
            newcom = '您没有填写' + '"' + '手机' + '"' + '栏' + '<br/>请重新输入';
            showPopup(newcom);
        } else {
            sure_popup.style.display = 'block';
            setTimeout(() => {
                sure_popup.style.transition = 'all 0.3s ease-out';
                sure_popup.style.transform = 'translateY(0)';
            }, 200);
            //页面跳转
            /* popup.style.display = 'block';
            newcom = '注册成功<br/>';
            span.innerHTML = newcom;
            clearInterval(timer4);
            //clearTimeout(timer3);
            var s = 4;
            var timer4 = setInterval(() => {
                s--;
                console.log(s);
                newcom = '注册成功<br/>' + s + '秒后跳转页面';
                span.innerHTML = newcom;
                var timer3 = setTimeout(() => {
                    popup.style.display = 'none';
                    btn.type = 'submit';
                    //location.href = "index.html";
                    clearInterval(timer4);
                }, 4000);
            }, 1000); */
        }
    })

    // 按下确认按钮 鼠标按下 背景变色
    yes.addEventListener('mousedown', function() {
        clearTimeout(color);
        var color = setTimeout(() => {
            yes.style.backgroundColor = ' rgba(6,193,174,1)'
            yes.style.color = '#fff';
        }, 15);
    })

    // 按下确认按钮 改变'注册'按钮的type
    yes.addEventListener('click', function() {
        btn.type = 'submit';
        console.log(btn.type = 'submit');
    })

    // 按下确认按钮 鼠标弹起 背景变色 收回确认框
    yes.addEventListener('mouseup', function() {
        clearTimeout(close);
        var close = setTimeout(() => {
            sure_popup.style.transition = 'all 0.3s ease-out';
            sure_popup.style.transform = 'translateY(100%)';
            //变回颜色
            yes.style.backgroundColor = '#fff'
            yes.style.color = '#333';
        }, 200);
    })

    // 按下取消按钮 鼠标按下 背景变色
    no.addEventListener('mousedown', function() {
        clearTimeout(color);
        var color = setTimeout(() => {
            no.style.backgroundColor = ' rgba(6,193,174,1)'
            no.style.color = '#fff';
        }, 15);
    })

    //点击取消按钮 将表格table.style.disable = false;
    /* no.addEventListener('click', function() {
        table.disable = 'false';
    }) */

    // 按下取消按钮 鼠标弹起 背景变色 收回确认框
    no.addEventListener('mouseup', function() {
        clearTimeout(close);
        var close = setTimeout(() => {
            sure_popup.style.transition = 'all 0.3s ease-out';
            sure_popup.style.transform = 'translateY(100%)';
            //变回颜色
            no.style.backgroundColor = '#fff'
            no.style.color = '#333';
        }, 200);
    })

})